import { computed, ref } from 'vue';

export default function useFilteredTodos(todos) {
  // 默认过滤
  const filter = ref('all');
  // 过滤设置
  const filteredTodos = computed(() => {
    switch (filter.value) {
      case 'done':
        return todos.value.filter((todo) => todo.completed);
      case 'todo':
        return todos.value.filter((todo) => !todo.completed);
      default:
        return todos.value;
    }
  });
  return {
    filter,
    filteredTodos,
  };
}
